.container {
  width: 1200px;
  margin: 0 auto;
}
body {
  position: relative;
  padding-top: 140px;
  padding-bottom: 622px;
}
.mod_index {
  height: 532px;
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  position: relative;
  overflow: hidden;
}
.mod_index .mod_playlist {
  width: 100%;
  height: 310px;
  overflow: hidden;
  margin-bottom: 20px;
}
.mod_index .mod_playlist .active {
  display: block;
}
.mod_index .mod_playlist ul {
  width: 6000px;
  height: 100%;
  overflow: hidden;
  display: none;
}
.mod_index .mod_playlist ul li {
  float: left;
  width: 224px;
  margin-right: 20px;
}
.mod_index .mod_playlist ul li:nth-child(5n) {
  margin-right: 0;
}
.mod_index .mod_playlist ul li div {
  width: 224px;
  overflow: hidden;
  margin-bottom: 15px;
}
.mod_index .mod_playlist ul li div .mod_playlist_img {
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
  height: 100%;
  width: 224px;
}
.mod_index .mod_playlist ul li div .mod_playlist_img:hover img {
  transform: scale(1.1);
}
.mod_index .mod_playlist ul li div .mod_playlist_img:hover i {
  opacity: 1;
}
.mod_index .mod_playlist ul li div .mod_playlist_img img {
  transition: all 1s;
  width: 224px;
}
.mod_index .mod_playlist ul li div .mod_playlist_img i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: all 0.1s;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: url(../uploads/cover_play.png) no-repeat;
}
.mod_index .mod_playlist ul li h3 {
  font-size: 14px;
  font-weight: 400;
}
.mod_index .mod_playlist ul li h3 a {
  color: #000;
}
.mod_index .mod_playlist ul li h3 a:hover {
  color: #31c27c;
}
.mod_index .mod_playlist ul li p {
  font-size: 14px;
  color: #999;
}
.mod_index:hover .arrowszy .prve {
  left: 0;
}
.mod_index:hover .arrowszy .next {
  right: 0;
}
.mod_index_song {
  height: 566px;
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  position: relative;
  overflow: hidden;
}
.mod_index_song .index_song_hd h2 {
  background: url(../images/index_txt.png) no-repeat 0 -50px;
}
.mod_index_song .New_song_debuts {
  width: 100%;
  height: 333px;
  overflow: hidden;
  margin-bottom: 20px;
}
.mod_index_song .New_song_debuts .active {
  display: block;
}
.mod_index_song .New_song_debuts ul {
  height: 100%;
  width: 2400px;
  display: none;
}
.mod_index_song .New_song_debuts ul li {
  width: 400px;
  height: 111px;
  display: flex;
  align-items: center;
  float: left;
}
.mod_index_song .New_song_debuts ul li div a img {
  width: 86px;
}
.mod_index_song .New_song_debuts ul li div:nth-child(2) {
  flex: 1;
  margin-left: 20px;
}
.mod_index_song .New_song_debuts ul li div:nth-child(3) {
  width: 35px;
  margin-right: 30px;
  color: #999;
}
.mod_index_song .New_song_debuts ul li div h3 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.mod_index_song .New_song_debuts ul li div p {
  color: #999;
}
.mod_index_song:hover .arrowszy .prve {
  left: 0;
}
.mod_index_song:hover .arrowszy .next {
  right: 0;
}
.mod_index_event {
  height: 418px;
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  position: relative;
  overflow: hidden;
}
.mod_index_event .index_event_hd h2 {
  background: url(../images/index_txt.png) no-repeat 0 -100px;
}
.mod_index_event .New_event_debuts {
  overflow: hidden;
  margin-bottom: 20px;
}
.mod_index_event .New_event_debuts ul {
  width: 2400px;
  height: 236px;
}
.mod_index_event .New_event_debuts ul li {
  float: left;
  width: 590px;
  height: 100%;
  margin-right: 20px;
}
.mod_index_event .New_event_debuts ul li:nth-child(2n) {
  margin-right: 0;
}
.mod_index_event .New_event_debuts ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.mod_index_event .New_event_debuts ul li a img {
  width: 590px;
}
.mod_index_event:hover .arrowszy .prve {
  left: 0;
}
.mod_index_event:hover .arrowszy .next {
  right: 0;
}
.mod_index_album {
  height: 808px;
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  position: relative;
  overflow: hidden;
}
.mod_index_album .index_album_hd h2 {
  background: url(../images/index_txt.png) no-repeat 0 -150px;
}
.mod_index_album .New_album_debuts {
  width: 100%;
  height: 616px;
  overflow: hidden;
}
.mod_index_album .New_album_debuts .active {
  display: block;
}
.mod_index_album .New_album_debuts ul {
  width: 2400px;
  height: 616px;
  display: none;
}
.mod_index_album .New_album_debuts ul li {
  float: left;
  width: 224px;
  height: 308px;
  margin-right: 20px;
}
.mod_index_album .New_album_debuts ul li div a {
  display: block;
}
.mod_index_album .New_album_debuts ul li div a img {
  width: 224px;
  height: 224px;
}
.mod_index_album .New_album_debuts ul li h3 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin: 20px 0 5px;
}
.mod_index_album .New_album_debuts ul li p {
  font-size: 14px;
  color: #999;
}
.mod_index_album:hover .arrowszy .prve {
  left: 0;
}
.mod_index_album:hover .arrowszy .next {
  right: 0;
}
.mod_index_top {
  height: 672px;
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  position: relative;
  overflow: hidden;
}
.mod_index_top .index_top_hd h2 {
  background: url(../images/index_txt.png) no-repeat 0 -200px;
}
.mod_index_top .New_top_debuts {
  width: 100%;
  height: 500px;
}
.mod_index_top .New_top_debuts ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mod_index_top .New_top_debuts ul li {
  width: 220px;
  height: 100%;
  transition: all 0.5s;
}
.mod_index_top .New_top_debuts ul li:hover {
  transform: translateY(-10px);
}
.mod_index_top .New_top_debuts ul li a {
  display: block;
}
.mod_index_top .New_top_debuts ul li a img {
  width: 220px;
}
.mod_index_mv {
  height: 686px;
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  position: relative;
  overflow: hidden;
}
.mod_index_mv .index_mv_hd h2 {
  background: url(../images/index_txt.png) no-repeat 0 -250px;
}
.mod_index_mv .New_mv_debuts {
  width: 100%;
  height: 464px;
  overflow: hidden;
}
.mod_index_mv .New_mv_debuts .active {
  display: block;
}
.mod_index_mv .New_mv_debuts ul {
  width: 2400px;
  height: 464px;
  display: none;
}
.mod_index_mv .New_mv_debuts ul li {
  float: left;
  width: 224px;
  height: 232px;
  margin-right: 20px;
}
.mod_index_mv .New_mv_debuts ul li div a {
  display: block;
}
.mod_index_mv .New_mv_debuts ul li div a img {
  width: 224px;
  height: 127px;
}
.mod_index_mv .New_mv_debuts ul li h3 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin: 20px 0 5px;
}
.mod_index_mv .New_mv_debuts ul li p {
  font-size: 14px;
  color: #999;
}
.mod_index_mv:hover .arrowszy .prve {
  left: 0;
}
.mod_index_mv:hover .arrowszy .next {
  right: 0;
}
